/* line 1, ../sass/title-style.scss */
.clear {
  clear: both;
}

/* line 4, ../sass/title-style.scss */
.floatleft {
  float: left;
}

/* line 8, ../sass/title-style.scss */
.floatright {
  float: right;
}

/* line 13, ../sass/title-style.scss */
html, body {
  font-family: \9ED1\4F53;
  width: 100%;
  height: 100%;
}
/* line 19, ../sass/title-style.scss */
html .content, body .content {
  width: 100%;
  height: 100%;
  background-color: #f4f6f7;
}
/* line 24, ../sass/title-style.scss */
html .content .head, body .content .head {
  width: 100%;
  height: 8%;
  text-align: center;
  color: #003192;
  font-family: \9ED1\4F53;
  font-size: 20px;
  padding-top: 3%;
  background-color: white;
}
/* line 34, ../sass/title-style.scss */
html .content .head .textstyle1, body .content .head .textstyle1 {
  height: 100%;
  width: 88%;
  display: inline;
}
/* line 40, ../sass/title-style.scss */
html .content .head .backimg, body .content .head .backimg {
  width: 8%;
  height: 100%;
}
/* line 47, ../sass/title-style.scss */
html .content .title-second, body .content .title-second {
  height: 7%;
  font-size: 10px;
  font-family: \9ED1\4F53;
  color: #8ebbd2;
  text-align: center;
}
/* line 56, ../sass/title-style.scss */
html .content .title-second .title-left, body .content .title-second .title-left {
  float: left;
  width: 25%;
  padding-top: 3%;
}
/* line 64, ../sass/title-style.scss */
html .content .car-choose, body .content .car-choose {
  width: 100%;
  height: 10%;
  background-color: white;
}
/* line 69, ../sass/title-style.scss */
html .content .car-choose .car-type, body .content .car-choose .car-type {
  float: left;
  text-align: left;
  padding-top: 5%;
  width: 15%;
}
/* line 76, ../sass/title-style.scss */
html .content .car-choose .car-choosed, body .content .car-choose .car-choosed {
  width: 79%;
  padding-top: 3%;
  float: left;
  font-size: 19px;
  text-align: left;
}
/* line 85, ../sass/title-style.scss */
html .content .car-choose .to-cartype, body .content .car-choose .to-cartype {
  font-size: 19px;
  width: 6%;
  padding-top: 3.5%;
  float: left;
}
/* line 94, ../sass/title-style.scss */
html .content .write, body .content .write {
  height: 10%;
}
/* line 97, ../sass/title-style.scss */
html .content .write .write-hint, body .content .write .write-hint {
  padding-top: 5%;
  float: left;
  width: 85%;
  color: #adadad;
  font-size: 10px;
}
/* line 105, ../sass/title-style.scss */
html .content .write .write-switch, body .content .write .write-switch {
  float: left;
  width: 15%;
  padding-top: 4%;
}
/* line 110, ../sass/title-style.scss */
html .content .write .write-switch .onoffswitch, body .content .write .write-switch .onoffswitch {
  position: relative;
  width: 45px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
/* line 114, ../sass/title-style.scss */
html .content .write .write-switch .onoffswitch .onoffswitch-checkbox, body .content .write .write-switch .onoffswitch .onoffswitch-checkbox {
  display: none;
}
/* line 118, ../sass/title-style.scss */
html .content .write .write-switch .onoffswitch .onoffswitch-label, body .content .write .write-switch .onoffswitch .onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  height: 20px;
  padding: 0;
  line-height: 20px;
  border: 1px solid #999999;
  border-radius: 30px;
  background-color: #EEEEEE;
  transition: background-color 0.3s ease-in;
}
/* line 126, ../sass/title-style.scss */
html .content .write .write-switch .onoffswitch .onoffswitch-label:before, body .content .write .write-switch .onoffswitch .onoffswitch-label:before {
  content: "";
  display: block;
  width: 20px;
  margin: 0px;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 22px;
  border: 1px solid #999999;
  border-radius: 30px;
  transition: all 0.3s ease-in 0s;
}
/* line 136, ../sass/title-style.scss */
html .content .write .write-switch .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label, body .content .write .write-switch .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label {
  background-color: #7cdd72;
}
/* line 139, ../sass/title-style.scss */
html .content .write .write-switch .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label, html .content .write .write-switch .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label:before, body .content .write .write-switch .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label, body .content .write .write-switch .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label:before {
  border-color: #7cdd72;
}
/* line 142, ../sass/title-style.scss */
html .content .write .write-switch .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label:before, body .content .write .write-switch .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label:before {
  right: 0px;
}
/* line 150, ../sass/title-style.scss */
html .content .type-write, body .content .type-write {
  height: 10%;
  background-color: white;
  display: none;
}
/* line 155, ../sass/title-style.scss */
html .content .type-write .car-type2, body .content .type-write .car-type2 {
  float: left;
  width: 15%;
  padding-top: 4.5%;
}
/* line 161, ../sass/title-style.scss */
html .content .type-write .write-text, body .content .type-write .write-text {
  float: left;
  height: 100%;
  outline:none;
}
/* line 166, ../sass/title-style.scss */
html .content .type-write .write-text .textbox, body .content .type-write .write-text .textbox {
  height: 100%;
  border: 0 solid white;
  font-size: 18px;
  font-family: \9ED1\4F53;
  outline:none;
}
/* line 177, ../sass/title-style.scss */
html .content .photo-hint, body .content .photo-hint {
  border-top: 1px solid #dfe5ee;
  height: 5%;
  padding-top: 2%;
  font-size: 10px;
  color: #adadad;
}
/* line 185, ../sass/title-style.scss */
html .content .photo, body .content .photo {
  height: 25%;
  background-color: black;
}
/* line 189, ../sass/title-style.scss */
html .content .safe, body .content .safe {
  height: 5%;
  padding-top: 2%;
  font-size: 10px;
  color: #adadad;
}
/* line 196, ../sass/title-style.scss */
html .content .take, body .content .take {
  width: 100%;
  height: 10%;
  background-color: white;
}
/* line 201, ../sass/title-style.scss */
html .content .take .camera, body .content .take .camera {
  float: left;
  text-align: left;
  width: 15%;
  padding-top: 4%;
}
/* line 207, ../sass/title-style.scss */
html .content .take .camera img, body .content .take .camera img {
  height: 50%;
  width: 50%;
}
/* line 212, ../sass/title-style.scss */
html .content .take .camera-hint, body .content .take .camera-hint {
  width: 79%;
  padding-top: 4%;
  float: left;
  font-size: 19px;
  text-align: left;
}
/* line 221, ../sass/title-style.scss */
html .content .take .to-camera, body .content .take .to-camera {
  font-size: 19px;
  width: 6%;
  padding-top: 4%;
  float: left;
}
/* line 229, ../sass/title-style.scss */
html .content .foot, body .content .foot {
  text-align: center;
  height: 6%;
  width: 100%;
}
/* line 233, ../sass/title-style.scss */
html .content .foot .submit, body .content .foot .submit {
  border-radius: 20px;
  height: 100%;
  width: 35%;
  background-color: #59bfff;
  color: white;
}
